Chrome 和 Edge F12 功能鍵 網頁效能 Preferences 紀錄 匯入 匯出 副檔名 json 包含螢幕截圖和記憶體CPU效能測試
有時候打開網頁很慢
但是慢在那裡
一般使用者只會說很慢
怎麼在他的電腦記錄之後做問題排除
現在手機很方便可以錄影
但是還是沒有瀏覽器內建的功能方式方便和詳細
Chrome 和 Edge 剛好核心都是 Chrome 可以互通
我們使用 Chrome 當示範
以圖說明
首先按 F12 功能鍵 呼叫出右邊的功能表
齒輪那邊先把語系改為中文
改變後這邊會偵測到更改要 Reload DevTools
輕輕鬆鬆就變成中文了
點開效能
小圓點就是紀錄
Ctrl+E 也可以
箭頭就是匯入匯出檔案
副檔名是 .json
錄下之後會有時間軸和截圖
很容易看到幾秒之後載入那些
別人錄下來的檔案可以從這邊匯入
匯入之後就可以看了
當然也可以儲存設定檔給別人觀看
Edge F12 錄影
以上
林門神JanusLin
iThome鐵人賽
看影片追技術